<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS</title>
		<style>
			/* 引入样式表  CSS2语法 缺陷：先html侯CSS*/
			@imoort url(css/学习CSS.css)
		
			/* 内部样式表：效果   
			所有P元素添加背景颜色：黄色
			选择器：抓取页面元素，统一添加
			*/
		   p{
			   background-color: yellow;
		   }
		</style>
		<!-- 外部样式表herf="相对路径+xxx.css"将css代码写在外部
		 link元素可以创建多个，必须平行
		 
		 -->
		 <link rel="stylesheet" href="CSS/学习CSS.css">
	</head>
	<body>
		<!-- 文本元素：span文本元素 -->
		<span>今天</span><span>是周四，</span><span>明天</span><span>是周五，</span><span>后天</span><span>放假</span>
		<!-- 一.什么是CSS？
		 Cascading Style Sheets  层叠样式表，级联样式表，简称 样式表
		【主要做元素效果
		  html5   元素   属性与属性值--针对单个元素作效果
		  css     控制任何元素 简洁，推荐使用css代替html元素中属性与属性值
		  】
		  功能：实现内容与表现分离【html结构   css样式层】
		  二. 使用css3样式表【效果，布局】
		      ①内联【级联】样式表 写法与属性值基本一致【不用】
			  ②内部样式表:在head元素中添加style元素，CSS3【练习】
			  ③外部样式表：在head元素中 linkww外链【项目专用】
			  ④引入样式表【css2】:在style元素中添加 @import ul()[不用]
			  三.CSS3基础语法
			     选择器{
					 属性：属性值;
				 }
				 重点：选择器的使用--抓页面元素
				       CSS属性与属性值：边框，盒模型，浮动，文本元素样式，动画..
		  -->
		 <p align="center">lorem</p>
		 <p align="center">lorem</p>
		 <!-- ①内联样式表语法：style="属性：属性值；属性：属性值；" -->
		 <p style="text-align:center;color:red">lorem</p>
		 <p align="center">lorem</p>
		 <p align="center">lorem</p> 
	</body>
</html>